<template>
	<div id="app">
		<router-view>
			
		</router-view>
	</div>
</template>

<script>
	export default {
		name: 'app',
		components: {},
		data(){
			return {
					// App.vue的数据只会在项目启动初期初始化一次，后期的所有全局数据都只执行修改数据的操作
			//App.vue的数据初始值只会在首次调用的组件内获取到，后期访问其他的组件都将会读取到的是由前面的组件更换后的全局数据
			}
		},
		mounted() {
			this.$store.state.name = window.localStorage.getItem("name");
			this.$store.state.pic = window.localStorage.getItem("img");
		}
	}
</script>

<style>
	body {
		margin: 0;
		padding: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	p {
		margin: 0;
	}

	ul,
	ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	a {
		text-decoration: none;
	}
</style>
